.handWriteQrCode {
  :global {
    .el-dialog__header {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .el-dialog__body {
      text-align: center;
    }
  }
  .qrContainer {
    position: relative; 
    width: 180px;
    height: 180px;
    margin: auto;
    border-radius: 2px;
    border: 1px solid rgba(231,231,231,1);
    padding: 15px;
    img {
      width: 150px;
      height: 150px;
    }
  }
  .mask {
    background: rgba(0, 0, 0, 0.6);
    width: 180px;
    height: 180px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: pointer;
    i {
      line-height: 180px;
      font-size: 40px;
      color: #fff;
      font-weight: bold;
    }
  }

  .noteText {
    margin-top: 14px;
    margin-bottom: 50px;
  }
}